// --- Color Defs ---
@bkg: #fafafa;
@accent: #314b9f;
@bdr: @accent;
@lite: #1ad5b6;
@drk: #314bbf;
@med: @accent;
@err: #900;
@pale: #99cef4;

.rounded-corners (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}

.bordered {
  border: solid 2px @bdr;
}

.centered {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

// --- StyleSheet ---
.nav, .pagination, .carousel a { cursor: pointer; }

h1 {
  color: @drk;
}

a {
  color: @lite;
  text-decoration: none;
}

a.smlink {
  font-size: 8pt;
  color: @bkg;
  text-decoration: none;
}

th.formLabel {
  text-align: right;
  padding-right: 3px;
  font-weight: bold
}
div#msgBoard {
  position: absolute;
  left: 10%;
  width: 80%;
  height: 40px;
  text-align: center;
  color: @err;
}

.statMsg {
  .centered;
  font-weight: 400;
  color: #A66;
}

.dlgMessage {
  .rounded-corners;
  background-color: @bkg;
  padding: 5px;
}

.masthead {
  color: @bkg;
  background-color: @accent;
}

.uiFormDiv {
  .centered;
  .bordered;   
}

th.uiFormLabel {
  width: 50%;
  text-align: right;
  font-weight: bold;
  padding-right: 15px;
}

.uiTable {
  width: 100%;
  .rounded-corners;
  .centered;
}

.uiTableHdr {
  .centered;
  width: 100%;
  height: 24px;
  background-color: @accent;
  color: @bkg;
  text-align: center;
}

.uiTableFtr {  
  .bordered;
  text-align: center;
  background-color: @accent;
}

.bottom {
  .bordered;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 24px;
  background-color: @bkg;
  vertical-align: middle
}

.footer {
  height: 20px;
  vertical-align: bottom;
  text-align: center;
  color: @bkg;
  background-color: @accent;
  font-size: 8pt;
}

